<template>
    <div class="question">
        <div class="start">
            <h3>我猜您现在可能存在如下疑问：</h3>
            <ul class="wen">
                <li>你们能做什么？</li>
                <li>需要多少钱？</li>
                <li>需要多久？</li>
                <li>我需要做什么？</li>
                <li>需要提供什么资料？</li>
                <li>售后服务怎么样？</li>
            </ul>
            <div class="inputForm">
                <input type="text" placeholder="姓名">
                <input type="text" placeholder="手机号码">
                <input type="text" placeholder="您的问题或者需求~" class="questionOrAsk">
                <button class="submit">提交您的需求</button>
                <button class="clickAsk">点击在线咨询</button>
            </div>
            <p>同样的问题每个人侧重点不同，很难有标准的答案；请认真填写表单信息或直接在线联系，我们会给您最合适的答案！</p>
        </div>
    </div>
</template>

<script>
    export default {
        name: "question"
    }
</script>

<style lang="less" scoped>
    .question{
        width: 100%;
        min-width: 1300px;
        box-sizing: border-box;
        height: 300px;
        padding: 30px 200px;
        background: url("../../assets/contact.jpg") no-repeat;
        background-size: 100% 100%;
        .start{
            h3{
                color: white;
                font-size: 27px;
                font-weight: 500;
                text-align: left;
                margin-bottom: 10px;
            }
            .wen{
                overflow: auto;
                padding-left: 0;
                margin-top: 0;
                li{
                    float: left;
                    color: white;
                    margin-right: 30px;
                    height: 30px;
                    line-height: 30px;
                    font-size: 15px;
                    font-weight: 400;

                }
            }
            .inputForm{
                overflow: auto;
                min-width: 1300px;
                input {
                    float: left;
                    box-sizing: border-box;
                    padding: 5px 15px;
                    width: 170px;
                    height: 40px;
                    margin-right: 15px;
                }
                .questionOrAsk{
                    width: 400px;
                }
                button{
                    float: left;
                    height: 40px;
                    width: 150px;
                    color: #0595C7;
                    text-align: center;
                    background: white;
                    border-style: none;
                    margin-right: 15px;
                    /*border: none;*/
                    &:last-child{
                        background: transparent;
                        color: white;
                        border: 1px solid white;
                    }
                }
            }
            p{
                color: #dddddd;
                margin-top: 5px;
                font-size: 13px;
            }
        }
    }
</style>
